@yellow:#ffa128;
@grey:#dddddd;
@bgcolor:#f6f6f6;
@blue:#0CC;
@header:#f0f0f0;
*{
    padding: 0px;
    margin: 0px;
}
body{
    font-family:"Microsoft Yahei",微软雅黑 !important;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
//顶部部分
.top{
    width: 100%;   
    .logins{
        width: 1100px;
        height: 44px;
        margin: auto;
        .logins-left{
            a{
                float: left;
                display: block;
                width: 60px;
                height: 44px;
                line-height: 44px;
                text-align: center;
                font-size: 14px;
                color: #000;
                &:hover{
                    color:@blue ;
                }
            }
        }
        .user{
            span{
                float: left;
                display: block;
                font-size: 14px;
                color: #5C5C5C;  
                line-height: 44px; 
                margin-left: 8px;            
            }
            a{
                float: left;
                display: block;
                font-size: 14px;
                color: #5C5C5C;
                line-height: 44px;
                img{
                    margin-top: 7px;
                    width: 30px;
                    height: 30px;
                }
            }
            .out{
               margin-left: 8px;
               &:hover{
                   color: @blue;
               } 
            }
        }
        .buycar{
            .buycar-left{
                margin-top: 12px;
                margin-right:7px ;
            }
            a{
                float: right;
                display: block;
                color: #5B5B5B;
                line-height: 44px;
                font-size: 14px;
                .num{
                    color: #FF7800;
                }
            }
        }
    }
}
//首页分类/搜索框部分
.header{
    width: 100%;
    border-top: solid 1px @header;
    border-bottom: solid 1px @header;
    .classification{
        position: relative;
        width: 1100px;
        height: 43px;
        margin: auto;
        border-left: solid 1px @header;
        border-right: solid 1px @header;
        .house{
            
            width: 39px;
            height: 43px;
            border-right: solid 1px @header;
            cursor: pointer;
            a{
                display: block;
                width: 16px;
                height: 15px;
                background: url(../images/ico/icon.png) no-repeat -12px -14px;
                margin-left: 12px;
                margin-top: 15px;
            }
            &:hover{
                background: #f6f6f6;
            }
        }
        .classA{
            li{
              float: left;
              width: 66px;
              height: 43px;
              border-right: solid 1px @header;
              a{
                  display: block;
                  font-size: 14px;
                  color: #222;
                  line-height: 43px;
                  text-align: center;
                  &:hover{
                      color: @blue;
                  }
              }
            }
        }
        .logo{
            width: 255px;
            height: 88px;
            position: absolute;
            left: 392px;
            top: -45px;
        }
        .search{
            .text{
                width: 190px;
                padding: 0px 0px 0px 10px;
                height: 42px;
                font-size: 12px;
                color: #8A8A8A;
                font-family: "Microsoft Yahei",微软雅黑;
                line-height: 42px;
                border: medium none;
                margin: 1px 0px 0px;
                float: left;
            }
            .submit{
                float: left;
                width: 42px;
                height: 43px;
                border-style: none;
                cursor: pointer;
                background: url(../images/ico/search.png) no-repeat scroll center center;
            }
        }
        .classB{
            float: right;
            border-right: solid 1px @header;
            li{
              float: left;
              width: 66px;
              height: 43px;
              border-left: solid 1px @header;
              a{
                  display: block;
                  font-size: 14px;
                  color: #222;
                  line-height: 43px;
                  text-align: center;
                  &:hover{
                      color: @blue;
                  }
              }
            }
        }
    }
}